import { StyleSheet, TextStyle, ViewStyle } from "react-native";

const styles = StyleSheet.create({
  container: {
    paddingVertical: 12,
    paddingHorizontal: 16,
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
  } as ViewStyle,
  left: {
    flexDirection: "row",
    alignItems: "center",
  } as ViewStyle,
  icon: {
    marginRight: 12,
  },
  title: {
    fontSize: 16,
  } as TextStyle,
  subtitle: {
    fontSize: 12,
  } as TextStyle,
  rightText: {
    fontSize: 14,
  } as TextStyle,
});

export default styles;
